$css_file= "../style_".$_GET['pid'].".css"; if (file_exists($css_file)) {?> } else {?> }?>
The SkinDesigner offers you the possibility to create your very personal DesignSkin®.This instruction shows all the opportunities given to you and how to efficiently use the different functions.
Before you start creating your DesignSkin you need to select a device. The window "choose your device" pops up automatically when starting the SkinDesigner.
|
The SkinDesigner offers lots of functions which allow you to create a DesignSkin according to your wishes.
|
|
You would like to use your own images and graphics to create your DesignSkin? That’s a breeze! This step-by-step tutorial will show you how to do it and what to consider:
Upload an image file – Step-by-Step
Click the button "upload your own image".
Click the "browse" button, select a picture and click "open".
Click the "upload image" button.
Now there will appear a window containing our copyright details. Please, read them attentively and only accept them if you agree with the terms. If you are uncertain, please read the information on the page "What should I consider to prevent infringement if I use my own motif?".
If you agree with our copyright details checkmark “I have read and accept the above terms.” After clicking “Ok” your picture will be uploaded into the SkinDesigner. You will not be able to upload files if you do not accept the copyright terms.
When the upload is done your picture will appear in the SkinDesigner. By using the design tools your picture can be resized, rotated, replaced and much more. See also Design Tools
Uploading an image – what to consider
1.File type
You can upload the following formats into the SkinDesigner: JPG, GIF or PNG. Any other file types are not supported. If you need to you can convert your image into one of the supported formats with an image editor on your computer (e.g. Photoshop, ACDSee etc.) or with one of the free online services (e.g. media-convert.com or zamzar.com).
Image size:
-Resolution: 150dpi – 300 dpi
-max. file size: 5MB
|
Click the button “image from gallery”, select one of the given categories and click on the image of your choice. Now your picture will appear in the SkinDesigner. By using the design tools your picture can be resized, rotated, replaced and much more. See also Design-Tools.
|
Click the button “graphic from gallery”, select one of the given categories and click on the graphic of your choice. Now your picture will appear in the SkinDesigner. By using the design tools your picture can be resized, rotated, replaced and much more. See also Design Tools.
|
Click the button “DesignSkin color”and choose a color from the color fields down right.
|
Click the button “add own text”. Now it will appear in the SkinDesigner. By using the design tools your picture can be resized, rotated, replaced and much more. See also Design Tools.
|
Before starting to create your DesignSkin you need to choose the device the skin is intented for. You can also use this button to change devices. You have the chance to transfer or to discard the existing graphics.
|
The Design Tools are located on the right and enable chosen objects to be rotated, resized, replaced and to alter their color. a) sliding controller width/height: Resizes the chosen object. Click the lock to configure width and height to be scaled proportionally or independently from one another. b) sliding controller rotate: Rotates the chosen object. c) sliding controller transparency: Changes the opacity of the chosen object. It becomes more clearly if you increase the magnitude. d) button horizontal/vertikal: Mirrors the chosen effect horizontal or vertical. e) color palette: By clicking on one of the given colors you can change the color of your graphic or text. f) font tools: You can not only choose a font but use the slide controller to change the font size and you can also use the three buttons “R,K,B” (R=regular, K=italic, B=bold) to change the format of the text.
|
This button makes it possible to easily undo a command.
|
Click the "preview" button to have a look at your final DesignSkin. The "back" button leads you back to the SkinDesigner.
|
The column for product information displays the chosen device, the amount of DesignSkins and the price.
|
This button forwards you to the order process.
|